<!-- 图片懒加载 -->
<style>
    img{
      height:540px;
      display: block;
    }
  </style>
  <img src="./img/load.gif" data-original="./img/01.jpg" alt="">
  <img src="./img/load.gif" data-original="./img/02.jpg" alt="">
  <img src="./img/load.gif" data-original="./img/03.jpg" alt="">
  <img src="./img/load.gif" data-original="./img/04.jpg" alt="">
  <img src="./img/load.gif" data-original="./img/05.jpg" alt="">
  <img src="./img/load.gif" data-original="./img/06.jpg" alt="">
  <img src="./img/load.gif" data-original="./img/07.jpg" alt="">
  <img src="./img/load.gif" data-original="./img/08.jpg" alt="">
  <script src="./lazyload.js"></script>
  <script>
    lazyLoad()  //首次调用
  window.onscroll = lazyLoad   //后期调用
  </script>
  